<!DOCTYPE html>

<html>
    <head>
        <meta charset='utf-8'><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1,requiresActiveX=true'>
        <!--meta(name='robots', content=data->nofollow)-->
        <title>【i好邻居】 - 高端社区邻居交流平台</title>
        <meta name='keywords' content='邻居网，小区网，社区网'>
        <meta name='description' content='在好邻居网，你可以跟邻居之间互相帮助，交朋友，买卖二手东西，生活信息交流，组织小区活动，团购等'>	
        <link rel="stylesheet" href="/static/css/layout.css" type="text/css" />
        <link rel="stylesheet" href="/static/css/base.css" type="text/css" />
        <script type="text/javascript" src="/static/js/jquery-1.10.2.js"></script>	
        <script type="text/javascript">
            function AutoScroll(obj){ 
                $(obj).find("ul:first").animate({ marginTop:"-25px" },1000,function(){ $(this).css({marginTop:"0px"}).find("li:first").appendTo(this); }); 
            }

$(document).ready(function(){
        var slides = [];
        slides.push({"imgUrl":"/static/images/sample01.jpg","title":"hello 1111",})
        slides.push({"imgUrl":"/static/images/sample02.jpg","title":"hello 2222",})
        slides.push({"imgUrl":"/static/images/sample03.jpg","title":"hello 3333",})
        var i = 0;
        var curObj = $("#nav" + i);
        $("#curPic").attr("src", slides[i].imgUrl);
        $("#imgTit a").text(slides[i].title);	
        function setObj(index){
        $(curObj).css({"background-position" : "20px -126px"});
        i = index % slides.length;
        curObj = $("#nav" + i);
        $(curObj).css({"background-position" : "-10px -126px"});
        $("#curPic").attr("src", slides[i].imgUrl);
        $("#imgTit a").text(slides[i].title);
        }
        $("#imgNav a").mouseover(function(){setObj(parseInt($(this).attr("index")));});
        $("#imgplayer-prev, #imgplayer-next").mouseover(function(){$(this).css({"opacity":"0.6"});});
        $("#imgplayer-prev, #imgplayer-next").mouseout(function(){$(this).css({"opacity":"0.3"});});
        $("#imgplayer-prev").click(function(){setObj((i+slides.length + 1)% slides.length);});
        $("#imgplayer-next").click(function(){setObj((i+slides.length - 1)% slides.length);});

        setInterval('AutoScroll("#scrollMsg")',6000);
})

</script>

{% block headex %}
<!--  head extend here-->
{% endblock %}

</head>

<body>
    <div id="header">
        <div class="wrapper" style="padding-top:5px;">
            <div id="topbar" >
                <div id="logo">
                    <img src="/static/images/logo.png" />
                    <span><font color="red">i</font><font color="green">haolinju</font>.com</span>
                </div>
                <div id="subname">
                    <span>金地荔湖城</span>
                </div>
            </div>

            <div id="entrance">
                <a href="#">登录</a>
                <a href="#" style="color:green;">注册</a>
            </div>	
        </div>

        <div class="wrapper">
            <br class="clear" />
            <div id="menu">
                {% block menu %}
                <a href="/">首页</a>
                <a href="/forum/">邻居论坛</a>
                <a href="/house/">物业租售</a>
                <a href="/market/">跳骚市场</a>
                <a href="/circle/">邻居圈子</a>
                <a href="/shop/">商业服务</a>
                {% endblock %}				
                <span><i>爱生活,爱好邻居,www.<font color="red" size="4">i</font><font color="green" size="4">haolinju</font>.com</i></span>
            </div>	
            {% block submenu %}
                <!-- add sub menu here -->
            {% endblock %}

            <br class="clear" />

        </div>
    </div>

    <div id="main">
        {% block main %}
        <!-- main -->
        {% endblock %} 
    </div>

    <div id="footer" class="clear">
        <div class="wrapper">
            <div id="about">
                <a href="#">关于我们</a>
                <a href="#">员工招聘</a>
                <a href="#">商务合作</a>
            </div>
        </div>

        <div class="wrapper">
            <div id="copyright">
                <span> Copyright@2013 QiJia Tech .Ltd </span>
            </div>
        </div>
    </div>
</body>
</html>

